/* CSS file */

/*FONTS*/

@font-face {
    fontFamily: "Arial";
}

.white25Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 25;
}

.white16Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 16;
}

.white14Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 14;
}

.white13Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 13;
}

.white12Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 12;
}

.green12Text {
    fontFamily: "Arial";
    color: #99CC00;
    font-size: 12;
}

.white10Text {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 10;
}

.green10Text {
    fontFamily: "Arial";
    color: #99CC00;
    font-size: 10;
}

.white14TextArea {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 14;
    background-alpha: 0;
    border-style: none;
}

.white12TextArea {
    fontFamily: "Arial";
    color: #FFFFFF;
    font-size: 12;
    background-alpha: 0;
    border-style: none;
}

/*_______________________*/


Canvas.headerContainer{
	backgroundAlpha: 0.6;
	backgroundColor: #000000;
	top: 0;
}

Canvas.blackAlphaContainer{
	backgroundAlpha: 0.6;
	backgroundColor: #000000;
}

Canvas.overMapAlphaContainer{
	backgroundAlpha: 0.85;
	backgroundColor: #000000;
}

Canvas.overMapAlphaContainerSoft{
	backgroundAlpha: 0.40;
	backgroundColor: #000000;
}

Canvas.roundedBlackAlphaContainer{
	backgroundAlpha: 0.6;
	backgroundColor: #000000;
	corner-radius: 3;
	rounded-bottom-corners: true;
	border-style: solid;
	border-thickness: 0;
}

Canvas.squareBlackAlphaContainer{
	backgroundAlpha: 0.6;
	backgroundColor: #000000;
	corner-radius: 0;
	rounded-bottom-corners: false;
	border-style: solid;
	border-thickness: 0;
}

Canvas.squareBlackAlphaBorderContainer{
	backgroundAlpha: 0.4;
	backgroundColor: #000000;
	corner-radius: 0;
	rounded-bottom-corners: false;
	border-style: solid;
	border-color: #000000;
	border-thickness: 1;
}

Canvas.loginContainer{
	background-color: #000000;
	background-alpha: 0.5;
	corner-radius: 4;
	rounded-bottom-corners: true;
	border-style: solid;
	border-thickness: 0;
}

Canvas.footerContainer{
	backgroundAlpha: 0.6;
	backgroundColor: #000000;
	bottom: 0;
}

Canvas.toolBar{
	backgroundImage: Embed(source="bioAtlasStyle.swf", symbol="bkgToolbar");
	backgroundAlpha: 0.9;
}

TextInput.blackAlphaTextInput{
	background-color: #000000;
	background-alpha: 0.5;
	border-style: solid;
	border-thickness:0;
	corner-radius: 3;
	rounded-bottom-corners: true;
	color: #666666;
	font-family: Verdana;
	font-size: 9;
	padding-left: 2;	
}

TextInput.whiteRoundedTextInput{
	background-color: #FFFFFF;
	border-style: solid;
	border-thickness:0;
	corner-radius: 3;
	rounded-bottom-corners: true;
	color: #666666;
	font-family: Verdana;
	font-size: 11;
	padding-left: 2;	
	padding-top: 2;	
}

Button.tabBtn{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="tabBtn_over");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="tabBtn_out");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="tabBtn_over");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="tabBtn_over");
	selected-over-skin: Embed(source="bioAtlasStyle.swf", symbol="tabBtn_over");
	font-family: "DIN 1451 Mittelschrift";
	font-size: 14;
	color: #FFFFFF;
	text-roll-over-color: #FFFFFF;
	text-selected-color: #FFFFFF;
	padding-top: 4;
	padding-bottom: 0;
}

Button.greenGradBtn{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="greenGradBtn");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="greenGradBtn");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="greenGradBtn");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="greenGradBtn");
	font-family: "DIN 1451 Mittelschrift";
	font-size: 12;
	color: #FFFFFF;
	text-roll-over-color: #FFFFFF;
	text-selected-color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
}

Button.toolbarBtn{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="toolbarBtn");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="toolbarBtn");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="toolbarBtn");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="toolbarBtn");
	font-family: "Arial";
	font-size: 12;
	color: #FFFFFF;
	text-roll-over-color: #FFFFFF;
	text-selected-color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
}

Button.linkButton{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="linkButton_over");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="linkButton_out");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="linkButton_over");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="linkButton_over");
	font-family: "Arial";
	font-size: 12;
	color: #FFFFFF;
	text-roll-over-color: #99CC00;
	padding-top: 3;
	padding-bottom: 0;
	padding-left: 3;
	padding-right: 3;
}

ToogleButton.miniTabFirstButton{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_out");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_out");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");
	selected-over-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");
	selected-down-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");
	font-family: "Arial";
	font-size: 12;
	color: #FFFFFF;
	text-roll-over-color: #99CC00;
	padding-top: 3;
	padding-bottom: 0;
	padding-left: 3;
	padding-right: 3;
}

ToogleButton.miniTabLastButton{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_over");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_out");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_out");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_over");
	selected-over-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_over");
	selected-down-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabLastBtn_over");
	font-family: "Arial";
	font-size: 12;
	color: #FFFFFF;
	text-roll-over-color: #99CC00;
	padding-top: 3;
	padding-bottom: 0;
	padding-left: 3;
	padding-right: 3;
}

ToogleButton.miniTabFirstButton{
	over-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");	
	up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_out");	
	down-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_out");
	selected-up-skin: Embed(source="bioAtlasStyle.swf", symbol="miniTabFirstBtn_over");
	font-family: "Arial";
	font-size: 12;
	color: #CCCCCC;
	text-roll-over-color: #99CC00;
	padding-top: 3;
	padding-bottom: 0;
	padding-left: 3;
	padding-right: 3;
}

HRule.whiteHRule{
	strokeColor: #FFFFFF;
}

HRule.greyHRule{
	strokeColor: #666666;
}

HRule.blackHRule{
	strokeColor: #000000;
}

.titleSearch{
	color: #FFFFFF;
	font-size: 16;
	font-family: "Arial";
}

Panel.searchDragPanel{
	title-style-name: "titleSearch";
	border-skin: Embed(source="bioAtlasStyle.swf", symbol="dragPanel_bkg");	
	border-thickness-bottom: 0;	
	border-thickness-left: 0;	
	border-thickness-right: 0;	
	border-thickness-top: 0;	
}